<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>城市客厅邀请函</title>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'/>
		<link rel="stylesheet" href="http://g4cdn.airefp.com{$_C.hy_path}css/parlour/animate.css" />
		<link rel="stylesheet" href="http://g4cdn.airefp.com{$_C.hy_path}css/parlour/swiper.min.css" />
		<link rel="stylesheet" href="http://g4cdn.airefp.com{$_C.hy_path}css/parlour/index.css" />
	</head>
	<body>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<!-------------slide1----------------->
				<div class="swiper-slide">
					<img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/bg.jpg" width="100%" height="100%" style="position: absolute; top: 0;left: 0;" />
					<div class="p1si"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p1si.png"></div>
					<div class="p1title"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p1title.png" class="ani" swiper-animate-effect="rubberBand" swiper-animate-duration="1s" swiper-animate-delay="0.3s"></div>
					<div class="logo"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p1logo.png"></div>
					<b class="tips"></b>
				</div>
				<!-------------slide2----------------->
				<div class="swiper-slide">
					<div class="p2bg"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/bg.jpg"></div>
					<div class="p2bgquan"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p2bgquan.png" class="ani" swiper-animate-effect="sund" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"></div>
					<div class="p2c"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p2c.png"></div>
					<div class="p2zi"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p2zi.png" class="ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s"></div>
				</div>
				<!-------------slide3----------------->
				<div class="swiper-slide">
					<img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/bg.jpg" width="100%" height="100%" style="position: absolute; top: 0;left: 0;" />
					<div class="p3si"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p3si.png"></div>
					<div class="p3zino"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p3zino.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s"></div>
					<div class="p3zitwo"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p3zitwo.png" class="ani" swiper-animate-effect="huandong" swiper-animate-duration="3s" swiper-animate-delay="0s"></div>
					<b class="tips"></b>
				</div>
				<!-------------slide4----------------->
				<div class="swiper-slide">
					<img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/bg.jpg" width="100%" height="100%" style="position: absolute; top: 0;left: 0;" />
					<div class="p4kuan"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p4kuan.png" class="ani" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"></div>
					<div class="p4du"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p4du.png" class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s"></div>
					<div class="p4tieke"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p4tieke.png" class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.8s"></div>
					<b class="tips"></b>
				</div>
				<!-------------slide5----------------->
				<div class="swiper-slide">
					<img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/bg.jpg" width="100%" height="100%" style="position: absolute; top: 0;left: 0;" />
					<div class="p5tu"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p5tu.png"></div>
					<div class="p5zi"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p5zi.png" class="ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="0s"></div>
					<b class="tips"></b>
				</div>
				<!-------------slide6----------------->
				<div class="swiper-slide">
					<img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/bg.jpg" width="100%" height="100%" style="position: absolute; top: 0;left: 0;" />
					<div class="p6lian"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p6lian.png"></div>
					<div class="p6deng"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p6deng.png" class="ani" swiper-animate-effect="deng" swiper-animate-duration="2s" swiper-animate-delay="0s"></div>
					<div class="p6helogo"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/helogo.png"></div>
					<b class="tips"></b>
				</div>
				<!-------------slide7----------------->
				<div class="swiper-slide">
					<img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/bg.jpg" width="100%" height="100%" style="position: absolute; top: 0;left: 0;" />
					<div class="p7jian"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p7jian.png"></div>
					<div class="p7two"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p7two.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0s"></div>
					<div class="p7three"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p7three.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0s"></div>
					<div class="p7no"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p7no.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0s"></div>
					<b class="tips"></b>
				</div>
				<!-------------slide8----------------->
				<div class="swiper-slide">
					<div class="p8zi"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p8zi.png"></div>
					<div class="p8detu"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p8detu.png"></div>
				</div>
				<!-------------slide9----------------->
				<div class="swiper-slide">
					<img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/bg.jpg" width="100%" height="100%" style="position: absolute; top: 0;left: 0;" />
					<div class="p9bgjiao"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p9bgjiao.png"></div>
					<div class="p9titlr"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p9titlr.png"></div>
					<div class="texbox">
						<input type="text" id="name" name="name" placeholder="姓名"/>
						<input type="text" id="sex" name="sex" placeholder="性别"/>
						<input type="text" id="age" name="age" placeholder="年龄"/>
						<input type="text" id="company" name="company" placeholder="公司"/>
						<input type="text" id="job" name="job" placeholder="职务"/>
						<input type="text" id="tel" name="tel" placeholder="电话"/>
					<!--	<input id="but" type="button" value="提交信息" />-->
						<button onClick="apply();">提交信息</button>
					</div>
					<div class="p9lgo"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/parlour/p9lgo.png"></div>
				</div>
			</div>
		</div>
        <a id="mc_play" class="stop muls" onclick="play_music()">
            <audio id="musicfx" loop autoplay>
                <source src="http://g4cdn.airefp.com{$_C.hy_path}mp3/1_C96kbps.mp3" type="audio/mpeg">
            </audio>
        </a>
       	<script type="text/javascript" src="http://g4cdn.airefp.com{$_C.hy_path}js/parlour/jquery-1.8.3.min.js" ></script>
       	<script type="text/javascript" src="http://g4cdn.airefp.com{$_C.hy_path}js/parlour/swiper-3.2.7.jquery.min.js" ></script>
		<script type="text/javascript" src="http://g4cdn.airefp.com{$_C.hy_path}js/parlour/swiper.animate.min.js" ></script>
		<script type="text/javascript" src="http://g4cdn.airefp.com{$_C.hy_path}js/parlour/swiper.min.js" ></script>
        <script type="text/javascript" src="{$_C.hy_path}js/parlour/index.js" ></script>
        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script>
		  wx.config({
		    debug: false, 
		   appId: '{$jsdk.appId}',
				timestamp: {$jsdk.timestamp},
				nonceStr: '{$jsdk.nonceStr}',
				signature: '{$jsdk.signature}',
		    jsApiList: [
		      // 所有要调用的 API 都要加到这个列表中
		      'onMenuShareTimeline',
		      'onMenuShareAppMessage',
		    
		    ]
		  });
		
		  wx.ready(function () {
 			wx.onMenuShareTimeline({
			    title: '城市客厅邀请函',
			     link:'http://g4.airefp.com/ws/index.php?g=mobile&m=message&a=parlour',
			     imgUrl: 'http://g4.airefp.com/ws/Mobile/Webroot/gf/images/parlour/share-info.jpg',
			      trigger: function (res) {
			       
			      },
			      success: function (res) {
			    	 
			      },
			      cancel: function (res) {
			       
			      },
			      fail: function (res) {
			      }
		    });
		    
			wx.onMenuShareAppMessage({
			    link:'http://g4.airefp.com/ws/index.php?g=mobile&m=message&a=parlour',
			     title: '城市客厅邀请函',
			    desc: '城市客厅邀请您一起来“共筑阅读生态”',
			  	imgUrl: 'http://g4.airefp.com/ws/Mobile/Webroot/gf/images/parlour/share-info.jpg',
			    success: function () { 
			    	
			    },
			    cancel: function () { 
			        // 用户取消分享后执行的回调函数
			    }
			});

  	});
	  </script>
	</body>
</html>
